<template>
  <div>
    组件测试
    <XtxSkeleton :width="100" :height="50" bg="greenyellow" />
    <XtxSkeleton :width="200" :height="100" bg="skyblue" />
    <h3>测试倒计时</h3>
    <div>
      <p>{{ countTime }}</p>
      <button @click="start">开始</button>
      <button @click="pause">暂停</button>
      <button @click="resume">继续</button>
    </div>
  </div>
</template>

<script>
import { useCountDown } from '@/compositions'
export default {
  setup () {
    const { countTime, start, pause, resume } = useCountDown(10)

    return {
      countTime,
      start,
      pause,
      resume
    }
  }
}
</script>
